import React from 'react';
import ReactDOM from 'react-dom';
import {Tabs, Tab} from 'material-ui/Tabs';
import FontIcon from 'material-ui/FontIcon';
import ActionFlightTakeoff from 'material-ui/svg-icons/action/flight-takeoff';
import {RaisedButton,MuiThemeProvider,AppBar,} from 'material-ui';
import MapsPersonPin from 'material-ui/svg-icons/maps/person-pin';
const TabsExampleIcon = () => (
  <Tabs>
    <Tab
      icon={<FontIcon className="material-icons">phone</FontIcon>}
      label="RECENTS"
    />
    <Tab
      icon={<FontIcon className="material-icons">favorite</FontIcon>}
      label="FAVORITES"
    />
    <Tab
      icon={<MapsPersonPin />}
      label="NEARBY"
    />
  </Tabs>
);

 

class Materialui extends React.Component {
	render (){
		return (<MuiThemeProvider>
				<div>
					<AppBar title="AppBar" />
    				 <TabsExampleIcon />
				</div>
    				 
  			</MuiThemeProvider>)
	}
}

export default Materialui